<template>
  <div class="container">
    <div class="content box box-ac box-pc">
      <img class="loading-img" :src="loadingImg" alt="">
    </div>
  </div>
</template>

<script>
export default {
  name: 'loading',
  data () {
    return {
      loadingImg: require('../img/loading-spin.svg')
    }
  }
}
</script>

<style lang="scss" scoped>
.container{
  position: fixed;
  z-index:9999;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,.05);
  .content{
    height:100%;
    width:100%;
  }
}
.loading-img{
  display: block;
  width:.75rem;
  height:.75rem;
}
</style>
